@import '@/assets/css/global-style.scss';
.box_edit {
  height: 100%;
  width: 100%;
  background-color: #f0f2f5;
  position: absolute;
  top: 0;
  left: 0;
  padding: 6.25rem 0;
}

.edit_body {
  @include set-location(position, horization);
  width: 80%;

  .func_box {
    background-color: #fff;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05);
    border: 0.0625rem solid #d4d4d5;
    height: fit-content;

    .func_item {
      position: relative;
      @include set-location(display, 'center');
      width: 12.5rem;
      cursor: pointer;
      height: 3.125rem;
      border-bottom: 0.0625rem solid #f0f2f5;
      // background-color: #f2f2f2;
    }

    .selected_func {
      background-color: #f2f2f2;
    }

    .triangle {
      position: absolute;
      right: -0.0625rem;
      height: 0.625rem;
      width: 0.625rem;
      border-top: 0.0625rem solid #d4d4d5;
      border-right: 0.0625rem solid #d4d4d5;
      transform: translateX(50%) rotate(45deg);
      background-color: #f2f2f2;
    }
  }

  .content {
    background-color: #fff;
    margin-left: 1.25rem;
    width: 100%;
    padding: 0 1.875rem;
    padding-bottom: 1.25rem;

    .title {
      @include set-location(display, horization);
      height: 4.375rem;
      width: 100%;
    }
  }
}
